import { SvgIcon } from '../type'

export default function Cart(props: SvgIcon) {
  const { width = 20, height = 20 } = props
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width={width}
      height={height}
      viewBox="0 0 20 20"
      fill="none"
      className="chakra-icon"
      {...props}
    >
      <path
        d="M13.5417 18.75C14.3471 18.75 15 18.0971 15 17.2917C15 16.4863 14.3471 15.8333 13.5417 15.8333C12.7363 15.8333 12.0834 16.4863 12.0834 17.2917C12.0834 18.0971 12.7363 18.75 13.5417 18.75Z"
        fill="currentColor"
        fillOpacity="0.95"
      />
      <path
        d="M6.87496 18.75C7.68037 18.75 8.33329 18.0971 8.33329 17.2917C8.33329 16.4863 7.68037 15.8333 6.87496 15.8333C6.06954 15.8333 5.41663 16.4863 5.41663 17.2917C5.41663 18.0971 6.06954 18.75 6.87496 18.75Z"
        fill="currentColor"
        fillOpacity="0.95"
      />
      <path
        d="M4.03329 3.28333L3.86663 5.325C3.83329 5.71666 4.14163 6.04166 4.53329 6.04166H17.2916C17.6416 6.04166 17.9333 5.775 17.9583 5.425C18.0666 3.95 16.9416 2.75 15.4666 2.75H5.22496C5.14163 2.38333 4.97496 2.03333 4.71663 1.74166C4.29996 1.3 3.71663 1.04166 3.11663 1.04166H1.66663C1.32496 1.04166 1.04163 1.325 1.04163 1.66666C1.04163 2.00833 1.32496 2.29166 1.66663 2.29166H3.11663C3.37496 2.29166 3.61663 2.4 3.79163 2.58333C3.96663 2.775 4.04996 3.025 4.03329 3.28333Z"
        fill="currentColor"
        fillOpacity="0.95"
      />
      <path
        d="M17.0916 7.29166H4.3083C3.9583 7.29166 3.67496 7.55833 3.64163 7.9L3.34163 11.525C3.22496 12.95 4.34163 14.1667 5.76663 14.1667H15.0333C16.2833 14.1667 17.3833 13.1417 17.475 11.8917L17.75 8C17.7833 7.61666 17.4833 7.29166 17.0916 7.29166Z"
        fill="currentColor"
        fillOpacity="0.95"
      />
    </svg>
  )
}
